﻿<UserControl x:Class="Lottery.Client.SL.Controls.LoginProgress"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="70" d:DesignWidth="220">
    <UserControl.Resources>
        <Storyboard x:Name="stbWait" RepeatBehavior="Forever">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="Byte" RepeatBehavior="1x">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:5" Value="199"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
    <Canvas Height="70" VerticalAlignment="Top" d:LayoutOverrides="VerticalAlignment" Margin="0,0,176,0">
        <Rectangle RadiusX="3" RadiusY="3" Width="220" Height="68" d:LayoutOverrides="Width" Opacity="0.6" Stroke="#AB1B2021" Canvas.Top="-2" Canvas.Left="2">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#F068798F" Offset="0.157"/>
                    <GradientStop Color="#F068798F" Offset="0.863"/>
                    <GradientStop Color="#FF8BB5ED"/>
                    <GradientStop Color="#FFABCEFD" Offset="1"/>
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle Fill="#FFE4F7FD" Height="14" RadiusY="5" RadiusX="5" Width="200" Stroke="#A8FFFFFF" Canvas.Left="11" Canvas.Top="38" d:LayoutOverrides="Width"/>
        <Canvas x:Name="Progess" Height="14" Canvas.Top="39" Width="200" Canvas.Left="10"  >
            <Canvas x:Name="Byte" Height="14" Width="200" RenderTransformOrigin="0.5,0.5" Canvas.Top="-2">
                <Canvas.RenderTransform>
                    <CompositeTransform/>
                </Canvas.RenderTransform>
                <Rectangle Height="14" Width="20" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" d:LayoutOverrides="Width">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.02,0.5" StartPoint="0.98,0.5">
                            <GradientStop Color="#4C06C0FF" Offset="0.534"/>
                            <GradientStop Color="#FFB3F6FB" Offset="1"/>
                            <GradientStop Color="#FFCCFBFF"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                    <Rectangle.RenderTransform>
                        <CompositeTransform SkewX="-43.152" TranslateX="6.562"/>
                    </Rectangle.RenderTransform>
                </Rectangle>
                <Rectangle Height="14" Width="20" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" d:LayoutOverrides="Width" Canvas.Left="22">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.02,0.5" StartPoint="0.98,0.5">
                            <GradientStop Color="#4C06C0FF" Offset="0.534"/>
                            <GradientStop Color="#FFB3F6FB" Offset="1"/>
                            <GradientStop Color="#FFCCFBFF"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                    <Rectangle.RenderTransform>
                        <CompositeTransform SkewX="-43.152" TranslateX="6.562"/>
                    </Rectangle.RenderTransform>
                </Rectangle>
                <Rectangle Height="14" Width="20" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" d:LayoutOverrides="Width" Canvas.Left="44">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.02,0.5" StartPoint="0.98,0.5">
                            <GradientStop Color="#4C06C0FF" Offset="0.534"/>
                            <GradientStop Color="#FFB3F6FB" Offset="1"/>
                            <GradientStop Color="#FFCCFBFF"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                    <Rectangle.RenderTransform>
                        <CompositeTransform SkewX="-43.152" TranslateX="6.562"/>
                    </Rectangle.RenderTransform>
                </Rectangle>
                <Rectangle Height="14" Width="20" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" d:LayoutOverrides="Width" Canvas.Left="66">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.02,0.5" StartPoint="0.98,0.5">
                            <GradientStop Color="#4C06C0FF" Offset="0.534"/>
                            <GradientStop Color="#FFB3F6FB" Offset="1"/>
                            <GradientStop Color="#FFCCFBFF"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                    <Rectangle.RenderTransform>
                        <CompositeTransform SkewX="-43.152" TranslateX="6.562"/>
                    </Rectangle.RenderTransform>
                </Rectangle>
                <Rectangle Height="14" Width="20" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Canvas.Left="88" d:LayoutOverrides="Width">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.02,0.5" StartPoint="0.98,0.5">
                            <GradientStop Color="#4C06C0FF" Offset="0.534"/>
                            <GradientStop Color="#FFB3F6FB" Offset="1"/>
                            <GradientStop Color="#FFCCFBFF"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                    <Rectangle.RenderTransform>
                        <CompositeTransform SkewX="-43.152" TranslateX="6.562"/>
                    </Rectangle.RenderTransform>
                </Rectangle>
                <Rectangle Height="14" Width="20" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Canvas.Left="110" d:LayoutOverrides="Width">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.02,0.5" StartPoint="0.98,0.5">
                            <GradientStop Color="#4C06C0FF" Offset="0.534"/>
                            <GradientStop Color="#FFB3F6FB" Offset="1"/>
                            <GradientStop Color="#FFCCFBFF"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                    <Rectangle.RenderTransform>
                        <CompositeTransform SkewX="-43.152" TranslateX="6.562"/>
                    </Rectangle.RenderTransform>
                </Rectangle>
                <Rectangle Height="14" Width="20" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Canvas.Left="132" d:LayoutOverrides="Width">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.02,0.5" StartPoint="0.98,0.5">
                            <GradientStop Color="#4C06C0FF" Offset="0.534"/>
                            <GradientStop Color="#FFB3F6FB" Offset="1"/>
                            <GradientStop Color="#FFCCFBFF"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                    <Rectangle.RenderTransform>
                        <CompositeTransform SkewX="-43.152" TranslateX="6.562"/>
                    </Rectangle.RenderTransform>
                </Rectangle>
                <Rectangle Height="14" Width="20" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Canvas.Left="154" d:LayoutOverrides="Width">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.02,0.5" StartPoint="0.98,0.5">
                            <GradientStop Color="#4C06C0FF" Offset="0.534"/>
                            <GradientStop Color="#FFB3F6FB" Offset="1"/>
                            <GradientStop Color="#FFCCFBFF"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                    <Rectangle.RenderTransform>
                        <CompositeTransform SkewX="-43.152" TranslateX="6.562"/>
                    </Rectangle.RenderTransform>
                </Rectangle>
                <Rectangle Height="14" Width="20" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Canvas.Left="176" d:LayoutOverrides="Width">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.02,0.5" StartPoint="0.98,0.5">
                            <GradientStop Color="#4C06C0FF" Offset="0.534"/>
                            <GradientStop Color="#FFB3F6FB" Offset="1"/>
                            <GradientStop Color="#FFCCFBFF"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                    <Rectangle.RenderTransform>
                        <CompositeTransform SkewX="-43.152" TranslateX="6.562"/>
                    </Rectangle.RenderTransform>
                </Rectangle>
                <Rectangle Height="14" Width="20" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Canvas.Left="198">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.02,0.5" StartPoint="0.98,0.5">
                            <GradientStop Color="#4C06C0FF" Offset="0.534"/>
                            <GradientStop Color="#FFB3F6FB" Offset="1"/>
                            <GradientStop Color="#FFCCFBFF"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                    <Rectangle.RenderTransform>
                        <CompositeTransform SkewX="-43.152" TranslateX="6.562"/>
                    </Rectangle.RenderTransform>
                </Rectangle>

            </Canvas>
        </Canvas>
        <TextBlock x:Name="tbStateText" Height="17" TextWrapping="Wrap" TextAlignment="Center" FontSize="12" Foreground="#FFE2F0FF" Canvas.Left="12" Canvas.Top="13" Width="218" FontFamily="宋体"/>
    </Canvas>
</UserControl>